import { View, Image } from '@tarojs/components'

const Empty = ({ title = '暂无记录' }) => {
  return (
    <View
      style={{
        display: 'flex',
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center',
        marginTop: 100,
      }}
    >
      <Image
        src={require('src/static/images/empty-box.png')}
        style={{
          width: 207,
          height: 120,
        }}
      ></Image>
      <View style={{ fontSize: 13, color: '#999' }}>{title}</View>
    </View>
  )
}

export default Empty
